/**
 * 1. 通过onXxx属性指定事件处理函数(注意大小写)
 *    - React使用的是自定义(合成)事件,而不是使用的原生DOM事件-为了更好的兼容性
 *    - React中的事件时通过事件委托方式处理的(委托给组件最外层的元素)  --为了高效
 * 2. 通过evnet.tartet得到发生事件的DOM元素对象  -- 不要过度使用ref
 */


class Person extends React.Component{
	showData=(event)=>{
		console.log(event.target.value)
	}

	render(){
		return (
			<div>
				<input type="text"  onBlur={this.showData} placeholder="失去焦点提示信息"/><br/>
			</div>
		);
	}
}
ReactDOM.render(<Person/> ,document.getElementById("test"));
